﻿<%@ Page Title="" Language="C#" MasterPageFile="~/masters/SecuredInterna.Master" AutoEventWireup="true" CodeBehind="registrarFacturas.aspx.cs" Inherits="BancoIdeal.secured.registrarFacturas" %>
<asp:Content ID="Content1" ContentPlaceHolderID="TitlePageSecured" runat="server">
    Registrar Facturas
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="head" runat="server">
	<script src="../scripts/util.js" type="text/javascript"></script>
    <script type="text/javascript">
    	var dirProductos = "/WS/Productos.asmx";
    	$( function () {
    		FunFacturas()
    		ScrollToolFun();
    	} );

    	function OnErrorCall( response ) {
    		alert( response.status + " " + response.statusText );
    	}
    </script>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="SectionIcon" runat="server">
                    <span class="icono iconoFacturas48x">
                    	&nbsp;
                    </span>
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="SectionTitle" runat="server">
    Facturas
</asp:Content>
<asp:Content ID="Content6" ContentPlaceHolderID="InfoScreen" runat="server">
    Puedes registrar un número ilimitado de facturas para realizar pagos electrónicos.<br />
    <strong>Recuerda:</strong> es importante tener a mano el código de pago, número de formulario o código de autorización para registrar tu factura.
</asp:Content>
<asp:Content ID="Content7" ContentPlaceHolderID="MoreInfoScreen" runat="server">
    <a href="#" class="verMasInfo">
                    <span class="fondoAdicional">
                        <span class="estiloTexto">
                            mas información
                        </span>
                    </span>
                </a>
</asp:Content>
<asp:Content ID="Content8" ContentPlaceHolderID="SectionOptions" runat="server">
                <ul>
                    <li>
                        <a href="registrarFacturas.aspx" class="opcionSeccion">
                            <span class="icono nuevo">
                                &nbsp;
                            </span>
                            <span class="fondoAdicional">
                                <span class="estiloTexto">
                                    Registrar nueva factura
                                </span>
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="misFacturas.aspx" class="opcionSeccion">
                            <span class="icono organizar">
                                &nbsp;
                            </span>
                            <span class="fondoAdicional">
                                <span class="estiloTexto">
                                    Mis Facturas
                                </span>
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="Pagos.aspx" class="opcionSeccion">
                            <span class="icono pagos">
                                &nbsp;
                            </span>
                            <span class="fondoAdicional">
                                <span class="estiloTexto">
                                    Pagar mis facturas
                                </span>
                            </span>
                        </a>
                    </li>
                </ul>
</asp:Content>
<asp:Content ID="Content9" ContentPlaceHolderID="TitleSubSectionPanorama" runat="server">
    Registrar nueva factura
</asp:Content>
<asp:Content ID="Content10" ContentPlaceHolderID="OpcionesTileHorizontal" runat="server">

</asp:Content>
<asp:Content ID="Content11" ContentPlaceHolderID="MainContent" runat="server">
    <div class="paginaRegistrarFacturas">
                	<div id="ContenedorTileHorizontal">
                        <div class="filaHorizontal fila1">
                            <div class="cuadroResumen fila1-item1">
                            	<div class="producto productoActivarBtn">
                      				<span class="imagenProductos"><span class="icono120px invertido-agua-120px"></span></span>
                     				<a href="#" class="ActivarBtn" id="ActivarBtnAgua" title="Agregar factura" rel="fila1-item1"> <span class="fondoAdicional"> <span class="estiloTexto"> Agregar factura </span> </span> </a> 
                     				<h3 class="ProductoText" id="1">Servicio de acueducto y alcantarillado</h3>
								</div>
                            </div>
                             
                            <div class="cuadroResumen fila1-item2">
                            	<div class="producto productoActivarBtn">
                      				<span class="imagenProductos"><span class="icono120px invertido-banco-120px"></span></span>
                     				<a href="#" class="ActivarBtn" id="ActivarBtnBancos" title="Agregar factura" rel="fila1-item2"> <span class="fondoAdicional"> <span class="estiloTexto"> Agregar factura </span> </span> </a> 
                     				<h3 class="ProductoText" id="2">Obligaciones bancarias</h3>
								</div>
                             </div>
                             <div class="cuadroResumen fila1-item3">
                            	<div class="producto productoActivarBtn">
                      				<span class="imagenProductos"><span class="icono120px invertido-edificio-120px"></span></span>
                     				<a href="#" class="ActivarBtn" id="ActivarBtnEdificio" title="Agregar factura" rel="fila1-item3"> <span class="fondoAdicional"> <span class="estiloTexto"> Agregar factura </span> </span> </a> 
                     				<h3 class="ProductoText" id="3">Propiedad horizontal</h3>
								</div>
                             </div>
                             <div class="cuadroResumen fila1-item4">
                            	<div class="producto productoActivarBtn">
                      				<span class="imagenProductos"><span class="icono120px invertido-estudios-120px"></span></span>
                     				<a href="#" class="ActivarBtn" id="ActivarBtnEstudios" title="Agregar factura" rel="fila1-item4"> <span class="fondoAdicional"> <span class="estiloTexto"> Agregar factura </span> </span> </a> 
                     				<h3 class="ProductoText" id="4">Matrículas y pensiones</h3>
								</div>
                             </div>
                            <div class="cuadroResumen fila1-item5">
                            	<div class="producto productoActivarBtn">
                      				<span class="imagenProductos"><span class="icono120px invertido-gas-120px"></span></span>
                     				<a href="#" class="ActivarBtn" id="ActivarBtnGas" title="Agregar factura" rel="fila1-item5"> <span class="fondoAdicional"> <span class="estiloTexto"> Agregar factura </span> </span> </a> 
                     				<h3 class="ProductoText" id="5">Gas Natural</h3>
								</div>
                            </div>
                            <div class="cuadroResumen fila1-item6">
                            	<div class="producto productoActivarBtn">
                      				<span class="imagenProductos"><span class="icono120px invertido-impucarro-120px"></span></span>
                     				<a href="#" class="ActivarBtn" id="ActivarBtnImpuCarro" title="Agregar factura" rel="fila1-item6"> <span class="fondoAdicional"> <span class="estiloTexto"> Agregar factura </span> </span> </a> 
                     				<h3 class="ProductoText" id="6">Impuestos de vehículos</h3>
								</div>
                            </div>
                            <div class="cuadroResumen fila1-item7">
                            	<div class="producto productoActivarBtn">
                      				<span class="imagenProductos"><span class="icono120px invertido-celular-120px"></span></span>
                     				<a href="#" class="ActivarBtn" id="ActivarBtnImpuCelular" title="Agregar factura" rel="fila1-item7"> <span class="fondoAdicional"> <span class="estiloTexto"> Agregar factura </span> </span> </a> 
                     				<h3 class="ProductoText" id="7">Servicios de telefonía móvil</h3>
								</div>
                            </div>
                            <br class="clear" />
                        </div>
                        <div class="filaHorizontal fila2">
                            <div class="cuadroResumen fila2-item1">
                            	<div class="producto productoActivarBtn">
                      				<span class="imagenProductos"><span class="icono120px invertido-luz-120px"></span></span>
                     				<a href="#" class="ActivarBtn" id="ActivarBtnLuz" title="Agregar factura" rel="fila2-item1"> <span class="fondoAdicional"> <span class="estiloTexto"> Agregar factura </span> </span> </a> 
                     				<h3 class="ProductoText" id="8">Empresa de energía</h3>
								</div>
                            </div>
                            <div class="cuadroResumen fila2-item2">
                            	<div class="producto productoActivarBtn">
                      				<span class="imagenProductos"><span class="icono120px invertido-salud-120px"></span></span>
                     				<a href="#" class="ActivarBtn" id="ActivarBtnSalud" title="Agregar factura" rel="fila2-item2"> <span class="fondoAdicional"> <span class="estiloTexto"> Agregar factura </span> </span> </a> 
                     				<h3 class="ProductoText" id="9">Sevicios de medicina</h3>
								</div>
                            </div>
                            <div class="cuadroResumen fila2-item3">
                            	<div class="producto productoActivarBtn">
                      				<span class="imagenProductos"><span class="icono120px invertido-saludpension-120px"></span></span>
                     				<a href="#" class="ActivarBtn" id="ActivarBtnSalPension" title="Agregar factura" rel="fila2-item3"> <span class="fondoAdicional"> <span class="estiloTexto"> Agregar factura </span> </span> </a> 
                     				<h3 class="ProductoText" id="10">Aportes al PILA</h3>
								</div>
                            </div>
                            <div class="cuadroResumen fila2-item4">
                            	<div class="producto productoActivarBtn">
                      				<span class="imagenProductos"><span class="icono120px invertido-telefono-120px"></span></span>
                     				<a href="#" class="ActivarBtn" id="ActivarBtnTelefono" title="Agregar factura" rel="fila2-item4"> <span class="fondoAdicional"> <span class="estiloTexto"> Agregar factura </span> </span> </a> 
                     				<h3 class="ProductoText" id="11">Servicios de telefonía fija</h3>
								</div>
                            </div>
                            <div class="cuadroResumen fila2-item5">
                            	<div class="producto productoActivarBtn">
                      				<span class="imagenProductos"><span class="icono120px invertido-tv-120px"></span></span>
                     				<a href="#" class="ActivarBtn" id="ActivarBtnTV" title="Agregar factura" rel="fila2-item5"> <span class="fondoAdicional"> <span class="estiloTexto"> Agregar factura </span> </span> </a> 
                     				<h3 class="ProductoText" id="12">Servicio de televisión por suscripción</h3>
								</div>
                            </div>
                            <div class="cuadroResumen fila2-item6">
                            	<div class="producto productoActivarBtn">
                      				<span class="imagenProductos"><span class="icono120px invertido-viajes-120px"></span></span>
                     				<a href="#" class="ActivarBtn" id="ActivarBtnViajes" title="Agregar factura" rel="fila2-item6"> <span class="fondoAdicional"> <span class="estiloTexto"> Agregar factura </span> </span> </a> 
                     				<h3 class="ProductoText" id="13">Agencias de viajes</h3>
								</div>
                            </div>
                            <br class="clear" />
                        </div>
                    </div>
                </div>
</asp:Content>
<asp:Content ID="Content12" ContentPlaceHolderID="FooterWebPage" runat="server">
</asp:Content>
<asp:Content ID="Content13" ContentPlaceHolderID="VentanasEmergentes" runat="server">
    <div id="dialogFacturas" class="dialog" title="Registrar nueva factura">
	<div class="menuTituloForm">
		<h2 class="noMargin noPadding"><span class="floatright">Factura de Servicio</span></h2>
	</div>
	<p>Diligencie los siguientes datos para registrar una nueva factura.</p>
		<div class="formularioProductos">
			<table class="tablaProductos" width="100%" border="0" cellspacing="0" cellpadding="0">
            	<tr>
                    <td width="40%" valign="top" class="labelsModal">Ciudad:
                      </td>
                    <td valign="top" width="60%">
						<select name="CiudadServicio" id="selCiudadServicio">
							<option value="-1">Seleccione</option>
							<option value="Bogota">Bogotá</option>
                            <option value="Medellin">Medellín</option>
                            <option value="Cali">Cali</option>
                            <option value="Barranquilla">Barranquilla</option>
                            <option value="Cartagena">Cartagena</option>
                            <option value="Santa Marta">Santa Marta</option>
                            <option value="Bucaramanga">Bucaramanga</option>
                            <option value="Manizales">Manizales</option>
                            <option value="Choco">Chocó</option>
                            <option value="Pasto">Pasto</option>
						</select>
					</td>
               </tr>
               <tr>
                    <td width="40%" valign="top" class="labelsModal">Empresa o entidad:
                      </td>
                    <td valign="top" width="60%">
						<select id="sltEmpresa">
							<option value="-1" selected="selected">Seleccione</option>
                        	<option value="Empresa1">Vida Urbana Ltda.</option>
							<option value="Empresa2">Grupo RPM S.A.S</option>
							<option value="Empresa3">Empresas Nacionales E.S.P</option>
                        </select>
					</td>
               </tr>
               <tr>
                    <td width="40%" valign="top" class="labelsModal">
                    	<select>
                        	<option>Número para pagos:</option>
                            <option>Número de formulario:</option>
                            <option>Código de aprobación:</option>
                        </select>
                      </td>
                    <td valign="top" width="60%">
						<input type="text" name="codigoPago" id="codigoPago" />
					</td>
               </tr>
               <tr>
                    <td width="40%" valign="top" class="labelsModal">Nombre para esta factura:
                      </td>
                    <td valign="top" width="60%">
						<input type="text" name="nombreFactura" id="nombreFactura" />
					</td>
               </tr>
            </table>
    	</div>
        <menu type="toolbar">
            <div class="asistenciaBtn">
                <ul>
                    <li> <a href="solicitarServicios.aspx" title="Tienes dudas?" class="boton_26px"><span class="displayB iconoSoporteProducto"><span class="ocultar">soporte</span></span></a></li>
                </ul>
            </div>
            <div class="controlBtn">
                <ul>
                    <li> <a href="#" title="Enviar" id="btnEnviar" class="boton_26px backgroundVerde"><span class="displayB iconoAceptarVentana"><span class="ocultar">Solicitar</span></span></a></li>
                    <li> <a href="#" title="Imprimir" class="boton_26px"><span class="displayB iconoImprimirBtn"><span class="ocultar">Imprimir</span></span></a></li>
                    <li> <a href="#" title="Cancelar" class="boton_26px backgroundRojo"><span class="displayB iconoCancelar"><span class="ocultar">eliminar Producto</span></span></a></li>
                </ul>
            </div>
        </menu>
  </div>
</asp:Content>
